<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>这是网页的标题</title>
    <style>
        
    </style>
</head>
<body>
    <div class="box">
        <span>hello</span>
    </div>
</body>
<script>
    // console.log(document)
    // console.log(document.head)
    // console.log(document.body)

    // console.log(document.title)

    // 查
    var obox = document.getElementsByClassName("box")[0];

    // 创建
    var p = document.createElement("p");
    p.innerHTML = "这是一个p";
    // 插入
    obox.appendChild(p);

    // 直接删除
    // obox.remove();
    // 根据父删除指定子
    // document.body.removeChild(obox);

    // 改标签（不推荐使用）
    // console.log(obox.outerHTML)
    // console.log(obox.innerHTML)
    // console.log(obox.innerText)
    // obox.outerHTML = "<em class='"+ obox.className +"'>"+ obox.innerHTML +"</em>"


</script>
</html>